<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>16110100410_李柃锋</title>
    <style>
        #app{
            max-width: 800px;
            min-width: 750px;
        }
        hr{
            border-width:0;
            background-color:red;
            height: 3px;
        }
        ul{
            list-style-type: none;
            padding: 10px;
        }
        ul li{
            float: left;
            margin-right: 20px;
        }
        .name{
            font-size: 12px;
            font-weight: bold;
            margin: 2px 0;
        }
        .price{
            font-size: 10px;
            font-weight: bold;
            margin-top: 6px;
            margin-bottom: 10px;
        }
        .price span{
            color: red;
        }
        .discount {
            display: inline;
            font-size: 10px;
            border: 1px solid gainsboro;
            padding: 5px 10px;
        }

    </style>
</head>

<body>
    <div id="app">
        <h3>您可能感兴趣的楼盘</h3>
        <hr>
            <ul id="list">
                <li>
                    <img src="img/1.jpg" alt="">
                    <p class="name">高新园区-大华锦绣华城</p>
                    <p class="price">均价：<span>13500元/㎡</span></p>
                    <p class="discount">5万抵10万</p>
                </li>
                <li>
                    <img src="img/2.jpg" alt="">
                    <p class="name">高新园区-大华锦绣华城</p>
                    <p class="price">均价：<span>13500元/㎡</span></p>
                    <p class="discount">5万抵10万</p>
                </li>
                <li>
                    <img src="img/3.jpg" alt="">
                    <p class="name">甘井子-钻石湾</p>
                    <p class="price">均价：<span>11000元/㎡</span></p>
                    <p class="discount">特价房</p>
                </li>
                <li>
                    <img src="img/4.jpg" alt="">
                    <p class="name">甘井子-远洋荣域</p>
                    <p class="price">均价：<span>11000元/㎡</span></p>
                    <p class="discount">全款99折</p>
                </li>
            </ul>
    </div>
</body>

</html>